$(document).ready(function() {
    $("#botonBuscarEstablecimiento").click(function() {
        $("#coverDisplay").css({
            "opacity": "1",
            "width": "100%",
            "height": "100%"
        });
        var url = "administrarPagos?";
        if ($("#tiempo").val() != "") {
            url += "tiempo=" + $("#tiempo").val() + "&";
        }
        if ($("#fechaPagoDesde").val() != "") {
            url += "fechaPagoDesde=" + $("#fechaPagoDesde").val() + "&";
        }
        if ($("#fechaPagoHasta").val() != "") {
            url += "fechaPagoHasta=" + $("#fechaPagoHasta").val() + "&";
        }

        url = url.substr(0, url.length - 1);
        window.location.href = url;
    });

    $("#paginacion li.noActive a").click(function() {
        $("#coverDisplay").css({
            "opacity": "1",
            "width": "100%",
            "height": "100%"
        });
        var paginacion = $("#paginacion");
        if ($(this).data("page") == 1) {
            url = "administrarPagos?";
        } else {
            var url = "administrarPagos?page=" + $(this).data("page") + "&";
        }
        if ($("#tiempo").val() != "") {
            url += "tiempo=" + $("#tiempo").val() + "&";
        }
        if ($("#fechaPagoDesde").val() != "") {
            url += "fechaPagoDesde=" + $("#fechaPagoDesde").val() + "&";
        }
        if ($("#fechaPagoHasta").val() != "") {
            url += "fechaPagoHasta=" + $("#fechaPagoHasta").val() + "&";
        }
        url = url.substr(0, url.length - 1);
        window.location.href = url;
    });
    $("#buscarEstablecimiento input").keypress(function(evt) {
        var charCode = (evt.which) ? evt.which : evt.keyCode;
        if (charCode == 13) {
            $("#botonBuscarEstablecimiento").trigger("click");
        }
    });
    $("#buscarEstablecimiento select").change(function() {
        $("#botonBuscarEstablecimiento").trigger("click");
    });

    $("#fechaPagoDesde").datepicker({
        changeMonth: true,
        numberOfMonths: 1,
        changeYear: true,
        dateFormat: "dd/mm/yy",
        monthNamesShort: ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"],
        dayNamesMin: ["Dom", "Lun", "Mar", "Mié", "Juv", "Vie", "Sáb"],
        onClose: function(selectedDate) {
            $("#fechaPagoHasta").datepicker("option", "minDate", selectedDate);
        }
    });
    $("#fechaPagoHasta").datepicker({
        changeMonth: true,
        numberOfMonths: 1,
        changeYear: true,
        dateFormat: "dd/mm/yy",
        monthNamesShort: ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"],
        dayNamesMin: ["Dom", "Lun", "Mar", "Mié", "Juv", "Vie", "Sáb"],
        onClose: function(selectedDate) {
            $("#fechaPagoDesde").datepicker("option", "maxDate", selectedDate);
        }
    });

    if ($("#fechaPagoDesde").val() != "") {
        $("#fechaPagoHasta").datepicker("option", "minDate", $("#fechaPagoDesde").val());
    }
    if ($("#fechaPagoHasta").val() != "") {
        $("#fechaPagoDesde").datepicker("option", "maxDate", $("#fechaPagoHasta").val());
    }

});


